<style>

    body {
        background-color: #f4f4f4;
    }

    .select-box {
        display: flex;
        align-items: center;
        padding: 16px 0;
        background-color: white;
    }

    .select-item {
        font-size: 15px;
        font-weight: 400;
        color: #4D4D4D;
        padding: 3px 10px;
        background-color: #FFF;
        border-radius: 4px;
        margin-left: 20px;
        cursor: pointer;
    }

    .active-item {
        color: #FFFFFF;
        background-color: #4B5BDE;
    }

    .select {
        width: 120px;
        height: 31px;
        border-color: #D2D6DE;
        margin-right: 10px;
    }

    #nickname {
        height: 31px;
    }

    .search_nickname {
        background-color: #4A5BDD;
        color: white;
        height: 31px;
        line-height: 31px;
        width: 60px;
        text-align: center;
    }

    .all_title{
        text-align: center;
        font-size: 18px;
    }
    .all_num{
        text-align: center;
        font-size: 32px;
    }
</style>
<style>
    body {
        background-color: #f4f4f4;
    }

    .select-box {
        display: flex;
        align-items: center;
        padding: 16px 0;
        background-color: white;
    }

    .select-item {
        font-size: 15px;
        font-weight: 400;
        color: #4D4D4D;
        padding: 3px 10px;
        background-color: #FFF;
        border-radius: 4px;
        margin-left: 20px;
        cursor: pointer;
    }

    .active-item {
        color: #FFFFFF;
        background-color: #4B5BDE;
    }

    .select{
        width:120px;
        height:31px;
        border-color: #D2D6DE;
        margin-right:10px;
    }

    #school{
        height:31px;
    }

    .search_school{
        background-color: #4A5BDD;
        color:white;
        height:31px;
        line-height:31px;
        width: 60px;
        text-align: center;
    }
    .select-box1{
        display: flex;
        align-items: center;
        padding: 16px 0;
        background-color: white;
    }



    .button{
        color: white;
        background-color: #4B5BDE;
        width:100px;
        height:40px;
        line-height: 40px;
        text-align: center;
        font-size: 15px;
        margin-left:15px;
        cursor: pointer;
    }
</style>
    <form class="form-horizontal form-commonsearch nice-validator n-default n-bootstrap" novalidate role="form"
          method="POST" action="">
        <div style="background-color: white;display: flex;padding-top: 10px;">
            <div class="button add">创建账号</div>
            <div class="button transfer">账号转移</div>
        </div>
        <div class="select-box">
            <div style="margin-left: 1%">
                <select class="charge_person select">
                    <option value="">选择部门</option>
                    {volist name='charge_person' id='vo' key='k'}
                    <option value="{$vo.id}">{$vo.name}</option>
                    {/volist}
                </select>
            </div>
            <div>
                <input type="text" name="nickname" id="nickname" placeholder="输入名字">
            </div>
            <div class="search_nickname">
                搜索
            </div>
        </div>
    </form>

<div class="panel panel-default panel-intro">
    <div class="panel-body">
        <div id="myTabContent" class="tab-content">
            <div class="tab-pane fade active in" id="one">
                <div class="widget-body no-padding">
                    <div id="toolbar" class="toolbar" style="display: none">
                        <a href="javascript:;" class="btn btn-primary btn-refresh" title="{:__('Refresh')}"><i
                                class="fa fa-refresh" ></i> </a>
                    </div>
                    <table id="table" class="table table-striped table-bordered table-hover table-nowrap"
                           data-operate-edit="{:$auth->check('market/admin_list/edit')}"
                           data-operate-del="{:$auth->check('market/admin_list/del')}"  width="100%">
                    </table>
                </div>
            </div>

        </div>
    </div>
</div>
